<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.js"></script>
		<title>活动登记</title>	
		<style>
			.mui-table-view-cell span {
				position: absolute;
				right: 10px
			}
			.mui-checkbox input[type=checkbox]:checked:before,
			.mui-radio input[type=radio]:checked:before {
				color: #F25745
			}
			.mui-icon-extra,
			.mui-bar .mui-icon {
				margin-right: 5px;
				top: 0;
				font-size: 16px
			}
			.mui-bar .mui-btn .mui-icon {
				top: 0
			}
			.table{width:95%;margin:10px auto}
			.table tr td,
			.table tr th {
				padding: 5px;
				text-align: center;
				font-size: 12px;
				border: 1px solid #bdc3c7;
				padding: 8px;
			}
			
			.table tr th {
				background: #ecf0f1
			}
		</style>
	</head>

	<body>
		<div class="mui-bar mui-bar-nav">
			<img src="img/logo.png" style="height:25px;margin-top:5px;;display: inline-block;">
			<div class="mui-pull-right"><button class="mui-btn mui-btn-primary mui-btn-outlined" id="xz"><i class="mui-icon mui-icon-plusempty"></i>增加奖品</button></div>
		</div>
		<div class="mui-content ">
			<div class="mui-card">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">活动名称：<span class="hdmc"></span></li>
				</ul>
			</div>
			<form class="mui-input-group" style="display: none;">
				<div class="mui-input-row">
					<label>选择奖品:</label>
					<select id="jp"></select>
				</div>
				<div class="mui-input-row">
					<label>奖品奖项:</label>
					<input type="text" placeholder="请输入奖品所属的奖项" id="name" class="mui-input-clear">
				</div>
				<div class="mui-input-row">
					<label>奖品积分:</label>
					<input type="number" placeholder="请输入奖品对应的积分" id="jf" class="mui-input-clear">
				</div>
				<div class="mui-button-row">
					<span class="mui-btn mui-btn-primary" id="bc">保存</span>
					<span class="mui-btn mui-btn-danger" id="qx">取消</span>
				</div>
			</form>
			
			<div class="mui-card">
				<table class="table">
				<thead>
					<tr>
						<th>奖品奖项</th>
						<th>奖品积分</th>
						<th>奖品名称</th>
					</tr>
				</thead>
				<tbody id="tab">
					
				</tbody>
			</table>
			</div>
			
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/importJs.js"></script>
	</body>

</html>
